<template>
  <div id="app">
    <loading v-bind:loading="loading"/>
  <header_app /> 
    <about-me class="wow bounceInUp"  data-wow-duration="2s" data-wow-delay="0.5s" id="am"/>
    <skill class="wow bounceInUp"  data-wow-duration="1s" data-wow-delay="0.5s" id="sk"/>
    <works class="wow bounceInUp"  data-wow-duration="2s" data-wow-delay="0.5s" id="wk"/>
    <helloworld />
  </div>
</template>

<script>
import header_app from './components/header'
import loading from './components/Loading'
import aboutMe from './components/AboutMe'
import skill from './components/Skill'
import works from './components/Works'
import helloworld from './components/HelloWorld'
import wow from 'wowjs/dist/wow.min.js'

export default {
  name: 'App',
  data(){
    return{
      loading:true,
      
    }
  },
  components: {
    header_app,
    loading,
    aboutMe,
    skill,
    works,
    helloworld
  },
  mounted(){
    setTimeout(() => {
      this.loading=false;
    }, 1000);
    new wow.WOW({live: false}).init();
  }

}
</script>

<style>

</style>
